<?php

/* @var $this yii\web\View */
/* @var $form yii\bootstrap\ActiveForm */
/* @var $model \common\models\LoginForm */

$this->title                   = '登录';
$this->params['breadcrumbs'][] = $this->title;

/* @var $this \yii\web\View */
/* @var $content string */

use backend\assets\AppAsset;
use backend\assets\EasyuiAsset;
use yii\bootstrap\ActiveForm;
use yii\captcha\Captcha;
use yii\helpers\Html;

AppAsset::register($this);

EasyuiAsset::register($this,
    [
        //'theme' => 'default',
        'theme'  => 'cupertino',
        'locale' => 'easyui-lang-zh_CN']
);

$this->registerJsFile(
    '@web/statics/js/easyui-fix.js', [
    "depends" => 'backend\assets\EasyuiAsset',
]);

?>
<?php $this->beginPage() ?>
    <!DOCTYPE html>
    <html lang="<?= Yii::$app->language ?>">
    <head>
        <meta charset="<?= Yii::$app->charset ?>">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <?= Html::csrfMetaTags() ?>
        <title><?= Html::encode($this->title) ?></title>
        <link rel="shortcut icon" href="<?=Yii::getAlias('@web/favicon.ico')?>" />
        <?php $this->head() ?>
        <style>
            *{
                font: 13px/1.5 '微软雅黑', Verdana, Helvetica, Arial, sans-serif;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -box-sizing: border-box;
                padding:0;
                margin:0;
                list-style:none;
                box-sizing: border-box;
            }

            body,html{
                height:100%;
                overflow:hidden;
            }
            body{
                background:url(<?=\Yii::getAlias('@web')?>/statics/img/login/web_login_bg.jpg)  center;
                background-size: cover;
            }
            a{
                color:#27A9E3;
                text-decoration:none;
                cursor:pointer;
            }
            .login{
                margin: 150px auto 0 auto;
                min-height: 420px;
                max-width: 420px;
                padding: 40px;
                background-color: #ffffff;
                margin-left: auto;
                margin-right: auto;
                border-radius: 4px;
                /* overflow-x: hidden; */
                box-sizing: border-box;
            }
            a.logo{
                display: block;
                height: 58px;
                width: 167px;
                margin: 0 auto 30px auto;
                background-size: 167px 42px;
            }
            .message {
                margin: 10px 0 0 -58px;
                padding: 18px 10px 18px 60px;
                background: #27A9E3;
                position: relative;
                color: #fff;
                font-size: 16px;
            }
            #darkbannerwrap {
                background: url(<?=\Yii::getAlias('@web')?>/statics/img/login/aiwrap.png);
                width: 18px;
                height: 10px;
                margin: 0 0 20px -58px;
                position: relative;
            }

            input[type=text],
            input[type=file],
            input[type=password],
            input[type=email], select {
                border: 1px solid #DCDEE0;
                vertical-align: middle;
                border-radius: 3px;
                height: 50px;
                padding: 0px 16px;
                font-size: 14px;
                color: #555555;
                outline:none;
                width:100%;
            }
            input[type=verify]{
                border: 1px solid #DCDEE0;
                vertical-align: middle;
                border-radius: 3px;
                height: 50px;
                padding: 0 16px;
                font-size: 14px;
                color: #555555;
                outline:none;
                width:40%;
            }
            input[type=text]:focus,
            input[type=file]:focus,
            input[type=password]:focus,
            input[type=email]:focus, select:focus {
                border: 1px solid #27A9E3;
            }


            input[type=submit],
            input[type=button]{
                display: inline-block;
                vertical-align: middle;
                padding: 12px 24px;
                margin: 0;
                font-size: 18px;
                line-height: 24px;
                text-align: center;
                white-space: nowrap;
                vertical-align: middle;
                cursor: pointer;
                color: #ffffff;
                background-color: #27A9E3;
                border-radius: 3px;
                border: none;
                -webkit-appearance: none;
                outline:none;
                width:100%;
            }
            hr.hr15 {
                height: 15px;
                border: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
            }
            hr.hr20 {
                height: 20px;
                border: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
            }

            .copyright{
                font-size:14px;
                color:rgba(255,255,255,0.85);
                width:100%;
                text-align: center;
            }
        </style>
    <body>

    <div class="login">
        <div class="message"><?=Yii::$app->name?></div>
        <div id="darkbannerwrap"></div>

        <input name="username" placeholder="用户名" required="" type="text">
        <hr class="hr15">
        <input name="password" placeholder="密码" required="" type="password">
        <hr class="hr15">
        <input value="登录" style="width:100%;" type="button" onclick="login();">

        <hr class="hr20">
        帮助 <a onClick="alert('请联系管理员')">忘记密码</a>
    </div>
    <hr class="hr20">
    <div class="copyright">©2018 恒昌利通</div>

    <?php $this->endBody() ?>
    </body>
    </html>
<?php $this->endPage() ?>